﻿<!DOCTYPE html>
<html>
  <head>
    <title>下拉菜单</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/下拉菜单/styles.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
@font-face {
font-family:Ionicons;
src:url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.svg#Ionicons) format("svg");
font-weight:400;
font-style:normal
}
    </style>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/下拉菜单/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Header) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u2200" class="ax_default">
        <div id="u2200_state0" class="panel_state" data-label="State1" style="">
          <div id="u2200_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u2201" class="ax_default box_2">
              <div id="u2201_div" class=""></div>
              <div id="u2201_text" class="text ">
                <p><span>&nbsp; 返回顶部</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2202" class="ax_default paragraph">
              <div id="u2202_div" class=""></div>
              <div id="u2202_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- header (Dynamic Panel) -->
      <div id="u2203" class="ax_default" data-label="header">
        <div id="u2203_state0" class="panel_state" data-label="State1" style="">
          <div id="u2203_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u2204" class="ax_default box_1">
              <div id="u2204_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u2205" class="ax_default">
              <div id="u2205_state0" class="panel_state" data-label="State1" style="">
                <div id="u2205_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2206" class="ax_default box_1">
                    <div id="u2206_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2207" class="ax_default box_1">
                    <div id="u2207_div" class=""></div>
                    <div id="u2207_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2208" class="ax_default box_1">
                    <div id="u2208_div" class=""></div>
                    <div id="u2208_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u2209" class="ax_default image">
                    <img id="u2209_img" class="img " src="images/index/u10.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2210" class="ax_default box_1">
                    <img id="u2210_img" class="img " src="images/index/u11.png"/>
                    <div id="u2210_text" class="text ">
                      <p><span>&nbsp;iView Axure Library</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2211" class="ax_default box_1">
        <div id="u2211_div" class=""></div>
      </div>

      <!-- Unnamed (SideNav) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u2213" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2213_div" class=""></div>
        <div id="u2213_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2214" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2214_div" class=""></div>
        <div id="u2214_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">通知提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2215" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2215_div" class=""></div>
        <div id="u2215_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">全局提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2216" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2216_div" class=""></div>
        <div id="u2216_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">警告提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2217" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-light">
        <div id="u2217_div" class=""></div>
        <div id="u2217_text" class="text ">
          <p><span>视图</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2218" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2218_div" class=""></div>
        <div id="u2218_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2219" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2219_div" class=""></div>
        <div id="u2219_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">颜色选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2220" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2220_div" class=""></div>
        <div id="u2220_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">上传</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2221" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2221_div" class=""></div>
        <div id="u2221_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">评分</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2222" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2222_div" class=""></div>
        <div id="u2222_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">数字输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2223" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2223_div" class=""></div>
        <div id="u2223_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">穿梭框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2224" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2224_div" class=""></div>
        <div id="u2224_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">级联选择</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2225" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2225_div" class=""></div>
        <div id="u2225_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2226" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2226_div" class=""></div>
        <div id="u2226_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">日期选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2227" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2227_div" class=""></div>
        <div id="u2227_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">滑块</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2228" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2228_div" class=""></div>
        <div id="u2228_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2229" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2229_div" class=""></div>
        <div id="u2229_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2230" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2230_div" class=""></div>
        <div id="u2230_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">开关</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2231" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2231_div" class=""></div>
        <div id="u2231_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">多选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2232" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2232_div" class=""></div>
        <div id="u2232_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2233" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2233_div" class=""></div>
        <div id="u2233_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2234" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-light">
        <div id="u2234_div" class=""></div>
        <div id="u2234_text" class="text ">
          <p><span>表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2235" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2235_div" class=""></div>
        <div id="u2235_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2236" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2236_div" class=""></div>
        <div id="u2236_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">锚点</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2237" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2237_div" class=""></div>
        <div id="u2237_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">徽标数</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2238" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2238_div" class=""></div>
        <div id="u2238_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面包屑</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2239" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2239_div" class=""></div>
        <div id="u2239_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2240" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2240_div" class=""></div>
        <div id="u2240_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2241" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2241_div" class=""></div>
        <div id="u2241_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2242" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2242_div" class=""></div>
        <div id="u2242_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">导航菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2243" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-light">
        <div id="u2243_div" class=""></div>
        <div id="u2243_text" class="text ">
          <p><span>导航</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2244" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2244_div" class=""></div>
        <div id="u2244_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单元格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2245" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2245_div" class=""></div>
        <div id="u2245_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分割线</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2246" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2246_div" class=""></div>
        <div id="u2246_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面板分割</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2247" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2247_div" class=""></div>
        <div id="u2247_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">折叠面板</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2248" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2248_div" class=""></div>
        <div id="u2248_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">卡片</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2249" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2249_div" class=""></div>
        <div id="u2249_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2250" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2250_div" class=""></div>
        <div id="u2250_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">栅格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2251" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-light">
        <div id="u2251_div" class=""></div>
        <div id="u2251_text" class="text ">
          <p><span>布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2252" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2252_div" class=""></div>
        <div id="u2252_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图标</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2253" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2253_div" class=""></div>
        <div id="u2253_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2254" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2254_div" class=""></div>
        <div id="u2254_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">字体</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2255" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2255_div" class=""></div>
        <div id="u2255_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">色彩</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2256" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-light">
        <div id="u2256_div" class=""></div>
        <div id="u2256_text" class="text ">
          <p><span>基础</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2257" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-light">
        <div id="u2257_div" class=""></div>
        <div id="u2257_text" class="text ">
          <p><span>组件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2258" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2258_div" class=""></div>
        <div id="u2258_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2259" class="ax_default box_1 selected" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2259_div" class="selected"></div>
        <div id="u2259_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2260" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-light">
        <div id="u2260_div" class=""></div>
        <div id="u2260_text" class="text ">
          <p><span>入门介绍</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2261" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2261_div" class=""></div>
        <div id="u2261_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">抽屉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2262" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2262_div" class=""></div>
        <div id="u2262_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">树形控件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2263" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2263_div" class=""></div>
        <div id="u2263_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">文字提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2264" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2264_div" class=""></div>
        <div id="u2264_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">气泡提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2265" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2265_div" class=""></div>
        <div id="u2265_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2266" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2266_div" class=""></div>
        <div id="u2266_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2267" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2267_div" class=""></div>
        <div id="u2267_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2268" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2268_div" class=""></div>
        <div id="u2268_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">走马灯</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2269" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2269_div" class=""></div>
        <div id="u2269_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间轴</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2270" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2270_div" class=""></div>
        <div id="u2270_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">相对时间</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2271" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2271_div" class=""></div>
        <div id="u2271_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度环</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2272" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2272_div" class=""></div>
        <div id="u2272_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图钉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2273" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2273_div" class=""></div>
        <div id="u2273_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">返回顶部</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2274" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2274_div" class=""></div>
        <div id="u2274_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">加载中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2275" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-fenzu-light">
        <div id="u2275_div" class=""></div>
        <div id="u2275_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">无限滚动</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2276" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-light">
        <div id="u2276_div" class=""></div>
        <div id="u2276_text" class="text ">
          <p><span>图表</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2277" class="ax_default box_1" selectiongroup="u2212nav-cebianlan-light">
        <div id="u2277_div" class=""></div>
        <div id="u2277_text" class="text ">
          <p><span>其他</span></p>
        </div>
      </div>

      <!-- Unnamed (Footer) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u2279" class="ax_default">
        <div id="u2279_state0" class="panel_state" data-label="State1" style="">
          <div id="u2279_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u2280" class="ax_default box_1">
              <div id="u2280_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u2281" class="ax_default">
              <div id="u2281_state0" class="panel_state" data-label="State1" style="">
                <div id="u2281_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2282" class="ax_default box_1">
                    <div id="u2282_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2283" class="ax_default label">
                    <div id="u2283_div" class=""></div>
                    <div id="u2283_text" class="text ">
                      <p><span>Axure组件库由 baozipm制作</span></p><p><span>UI与交互由iView团队设计</span></p><p><span>图标由Ionicon团队设计</span></p><p><span>备案备案备案备案备案</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2284" class="ax_default label">
                    <div id="u2284_div" class=""></div>
                    <div id="u2284_text" class="text ">
                      <p><span>Contract Me</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2285" class="ax_default label">
                    <div id="u2285_div" class=""></div>
                    <div id="u2285_text" class="text ">
                      <p><span>邮箱：bosenger@qq.com</span></p><p><span>微信：暂未开通</span></p><p><span>微博：暂未开通</span></p><p><span>官网：www.baozipm.com</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2286" class="ax_default label">
                    <div id="u2286_div" class=""></div>
                    <div id="u2286_text" class="text ">
                      <p><span>Copyright</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2287" class="ax_default label">
                    <div id="u2287_div" class=""></div>
                    <div id="u2287_text" class="text ">
                      <p><span>BaoziPM</span></p><p><span>iView</span></p><p><span>Ionicon</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2288" class="ax_default label">
                    <div id="u2288_div" class=""></div>
                    <div id="u2288_text" class="text ">
                      <p><span>相关站点</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u2289" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u2290" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u2291" class="ax_default">
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u2292" class="ax_default image">
                    <img id="u2292_img" class="img " src="images/index/u93.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2293" class="ax_default label">
                    <div id="u2293_div" class=""></div>
                    <div id="u2293_text" class="text ">
                      <p><span>版本号1.1</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2294" class="ax_default heading_1">
        <div id="u2294_div" class=""></div>
        <div id="u2294_text" class="text ">
          <p><span>Dropdown 下拉菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2295" class="ax_default heading_1">
        <div id="u2295_div" class=""></div>
        <div id="u2295_text" class="text ">
          <p><span>概述</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2296" class="ax_default label">
        <div id="u2296_div" class=""></div>
        <div id="u2296_text" class="text ">
          <p><span>展示一组折叠的下拉菜单。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2297" class="ax_default label">
        <div id="u2297_div" class=""></div>
        <div id="u2297_text" class="text ">
          <p><span>顶部导航</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2298" class="ax_default label">
        <div id="u2298_div" class=""></div>
        <div id="u2298_text" class="text ">
          <p><span>通过onclick事件触发。本例还展示了禁用项和分隔线。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2299" class="ax_default box_1">
        <div id="u2299_div" class=""></div>
        <div id="u2299_text" class="text ">
          <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单 </span><span style="font-family:'Ionicons';"></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2300" class="ax_default box_1">
        <img id="u2300_img" class="img " src="images/下拉菜单/u2300.png"/>
        <div id="u2300_text" class="text ">
          <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单 </span><span style="font-family:'Ionicons';"></span></p>
        </div>
      </div>

      <!-- dropdown-list-1 (Dynamic Panel) -->
      <div id="u2301" class="ax_default" data-label="dropdown-list-1">
        <div id="u2301_state0" class="panel_state" data-label="State1" style="">
          <div id="u2301_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u2302" class="ax_default box_1">
              <div id="u2302_div" class=""></div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2303" class="ax_default box_1" selectiongroup="dropdown-list-1">
              <div id="u2303_div" class=""></div>
              <div id="u2303_text" class="text ">
                <p><span>驴打滚</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2304" class="ax_default box_1" selectiongroup="dropdown-list-1">
              <div id="u2304_div" class=""></div>
              <div id="u2304_text" class="text ">
                <p><span>炸酱面</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2305" class="ax_default box_1 disabled" selectiongroup="dropdown-list-1">
              <div id="u2305_div" class="disabled"></div>
              <div id="u2305_text" class="text ">
                <p><span>豆汁儿</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2306" class="ax_default box_1" selectiongroup="dropdown-list-1">
              <div id="u2306_div" class=""></div>
              <div id="u2306_text" class="text ">
                <p><span>冰糖葫芦</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2307" class="ax_default box_1" selectiongroup="dropdown-list-1">
              <div id="u2307_div" class=""></div>
              <div id="u2307_text" class="text ">
                <p><span>北京烤鸭</span></p>
              </div>
            </div>

            <!-- divider (Group) -->
            <div id="u2308" class="ax_default" data-label="divider" data-left="0" data-top="140" data-width="124" data-height="12">

              <!-- Unnamed (Rectangle) -->
              <div id="u2309" class="ax_default box_1">
                <div id="u2309_div" class=""></div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u2310" class="ax_default box_1">
                <img id="u2310_img" class="img " src="images/下拉菜单/u2310.png"/>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- dropdown-list-2 (Dynamic Panel) -->
      <div id="u2311" class="ax_default" data-label="dropdown-list-2">
        <div id="u2311_state0" class="panel_state" data-label="State1" style="">
          <div id="u2311_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u2312" class="ax_default box_1">
              <div id="u2312_div" class=""></div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2313" class="ax_default box_1" selectiongroup="dropdown-list-1">
              <div id="u2313_div" class=""></div>
              <div id="u2313_text" class="text ">
                <p><span>驴打滚</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2314" class="ax_default box_1" selectiongroup="dropdown-list-1">
              <div id="u2314_div" class=""></div>
              <div id="u2314_text" class="text ">
                <p><span>炸酱面</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2315" class="ax_default box_1 disabled" selectiongroup="dropdown-list-1">
              <div id="u2315_div" class="disabled"></div>
              <div id="u2315_text" class="text ">
                <p><span>豆汁儿</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2316" class="ax_default box_1" selectiongroup="dropdown-list-1">
              <div id="u2316_div" class=""></div>
              <div id="u2316_text" class="text ">
                <p><span>冰糖葫芦</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2317" class="ax_default box_1" selectiongroup="dropdown-list-1">
              <div id="u2317_div" class=""></div>
              <div id="u2317_text" class="text ">
                <p><span>北京烤鸭</span></p>
              </div>
            </div>

            <!-- divider (Group) -->
            <div id="u2318" class="ax_default" data-label="divider" data-left="0" data-top="140" data-width="124" data-height="12">

              <!-- Unnamed (Rectangle) -->
              <div id="u2319" class="ax_default box_1">
                <div id="u2319_div" class=""></div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u2320" class="ax_default box_1">
                <img id="u2320_img" class="img " src="images/下拉菜单/u2310.png"/>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2321" class="ax_default label">
        <div id="u2321_div" class=""></div>
        <div id="u2321_text" class="text ">
          <p><span>展示hover事件触发的效果，修改相对繁琐一点，修改内容时需修改两个状态的样式</span></p>
        </div>
      </div>

      <!-- dorpdown-hover-1 (Dynamic Panel) -->
      <div id="u2322" class="ax_default" data-label="dorpdown-hover-1">
        <div id="u2322_state0" class="panel_state" data-label="off" style="">
          <div id="u2322_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u2323" class="ax_default box_1">
              <img id="u2323_img" class="img " src="images/下拉菜单/u2300.png"/>
              <div id="u2323_text" class="text ">
                <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单 </span><span style="font-family:'Ionicons';"></span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u2322_state1" class="panel_state" data-label="on" style="visibility: hidden;">
          <div id="u2322_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u2324" class="ax_default box_1">
              <img id="u2324_img" class="img " src="images/下拉菜单/u2300.png"/>
              <div id="u2324_text" class="text ">
                <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单 </span><span style="font-family:'Ionicons';"></span></p>
              </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u2325" class="ax_default" data-left="0" data-top="40" data-width="124" data-height="193">

              <!-- Unnamed (Rectangle) -->
              <div id="u2326" class="ax_default box_1">
                <div id="u2326_div" class=""></div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u2327" class="ax_default box_1" selectiongroup="dropdown-list-1">
                <div id="u2327_div" class=""></div>
                <div id="u2327_text" class="text ">
                  <p><span>驴打滚</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u2328" class="ax_default box_1" selectiongroup="dropdown-list-1">
                <div id="u2328_div" class=""></div>
                <div id="u2328_text" class="text ">
                  <p><span>炸酱面</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u2329" class="ax_default box_1 disabled" selectiongroup="dropdown-list-1">
                <div id="u2329_div" class="disabled"></div>
                <div id="u2329_text" class="text ">
                  <p><span>豆汁儿</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u2330" class="ax_default box_1" selectiongroup="dropdown-list-1">
                <div id="u2330_div" class=""></div>
                <div id="u2330_text" class="text ">
                  <p><span>冰糖葫芦</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u2331" class="ax_default box_1" selectiongroup="dropdown-list-1">
                <div id="u2331_div" class=""></div>
                <div id="u2331_text" class="text ">
                  <p><span>北京烤鸭</span></p>
                </div>
              </div>

              <!-- divider (Group) -->
              <div id="u2332" class="ax_default" data-label="divider" data-left="0" data-top="180" data-width="124" data-height="12">

                <!-- Unnamed (Rectangle) -->
                <div id="u2333" class="ax_default box_1">
                  <div id="u2333_div" class=""></div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2334" class="ax_default box_1">
                  <img id="u2334_img" class="img " src="images/下拉菜单/u2310.png"/>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- dropdown-hover-2 (Dynamic Panel) -->
      <div id="u2335" class="ax_default" data-label="dropdown-hover-2">
        <div id="u2335_state0" class="panel_state" data-label="off" style="">
          <div id="u2335_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u2336" class="ax_default box_1">
              <div id="u2336_div" class=""></div>
              <div id="u2336_text" class="text ">
                <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单 </span><span style="font-family:'Ionicons';"></span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u2335_state1" class="panel_state" data-label="on" style="visibility: hidden;">
          <div id="u2335_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u2337" class="ax_default box_1">
              <div id="u2337_div" class=""></div>
              <div id="u2337_text" class="text ">
                <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单 </span><span style="font-family:'Ionicons';"></span></p>
              </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u2338" class="ax_default" data-left="0" data-top="40" data-width="124" data-height="193">

              <!-- Unnamed (Rectangle) -->
              <div id="u2339" class="ax_default box_1">
                <div id="u2339_div" class=""></div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u2340" class="ax_default box_1" selectiongroup="dropdown-list-1">
                <div id="u2340_div" class=""></div>
                <div id="u2340_text" class="text ">
                  <p><span>驴打滚</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u2341" class="ax_default box_1" selectiongroup="dropdown-list-1">
                <div id="u2341_div" class=""></div>
                <div id="u2341_text" class="text ">
                  <p><span>炸酱面</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u2342" class="ax_default box_1 disabled" selectiongroup="dropdown-list-1">
                <div id="u2342_div" class="disabled"></div>
                <div id="u2342_text" class="text ">
                  <p><span>豆汁儿</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u2343" class="ax_default box_1" selectiongroup="dropdown-list-1">
                <div id="u2343_div" class=""></div>
                <div id="u2343_text" class="text ">
                  <p><span>冰糖葫芦</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u2344" class="ax_default box_1" selectiongroup="dropdown-list-1">
                <div id="u2344_div" class=""></div>
                <div id="u2344_text" class="text ">
                  <p><span>北京烤鸭</span></p>
                </div>
              </div>

              <!-- divider (Group) -->
              <div id="u2345" class="ax_default" data-label="divider" data-left="0" data-top="180" data-width="124" data-height="12">

                <!-- Unnamed (Rectangle) -->
                <div id="u2346" class="ax_default box_1">
                  <div id="u2346_div" class=""></div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2347" class="ax_default box_1">
                  <img id="u2347_img" class="img " src="images/下拉菜单/u2310.png"/>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2348" class="ax_default label">
        <div id="u2348_div" class=""></div>
        <div id="u2348_text" class="text ">
          <p><span>嵌套用法</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2349" class="ax_default label">
        <div id="u2349_div" class=""></div>
        <div id="u2349_text" class="text ">
          <p><span>虽然通过事件触发可以组合形成嵌套效果，但是维护繁琐，故此处提供一个基于axure原生层级菜单的版本，样式上有较大差异，当菜单项较为复杂时可用于数据展示。</span></p>
        </div>
      </div>

      <!-- Unnamed (Menu) -->
      <div id="u2350" class="ax_default">
        <img id="u2350_menu" class="img " src="images/下拉菜单/u2350_menu.png" alt="u2350_menu"/>

        <!-- Unnamed (Table) -->
        <div id="u2351" class="ax_default">

          <!-- Unnamed (Menu Item) -->
          <div id="u2352" class="ax_default menu_item">
            <img id="u2352_img" class="img " src="images/下拉菜单/u2352.png"/>
            <div id="u2352_text" class="text ">
              <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单 </span><span style="font-family:'Ionicons';"></span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Menu) -->
        <div id="u2353" class="ax_default sub_menu">
          <img id="u2353_menu" class="img " src="images/下拉菜单/u2353_menu.png" alt="u2353_menu"/>

          <!-- Unnamed (Table) -->
          <div id="u2354" class="ax_default">

            <!-- Unnamed (Menu Item) -->
            <div id="u2355" class="ax_default menu_item">
              <img id="u2355_img" class="img " src="images/下拉菜单/u2355.png"/>
              <div id="u2355_text" class="text ">
                <p><span>驴打滚</span></p>
              </div>
            </div>

            <!-- Unnamed (Menu Item) -->
            <div id="u2356" class="ax_default menu_item">
              <img id="u2356_img" class="img " src="images/下拉菜单/u2355.png"/>
              <div id="u2356_text" class="text ">
                <p><span>炸酱面</span></p>
              </div>
            </div>

            <!-- Unnamed (Menu Item) -->
            <div id="u2357" class="ax_default menu_item">
              <img id="u2357_img" class="img " src="images/下拉菜单/u2357.png"/>
              <div id="u2357_text" class="text ">
                <p><span>豆汁儿</span></p>
              </div>
            </div>

            <!-- Unnamed (Menu Item) -->
            <div id="u2358" class="ax_default menu_item">
              <img id="u2358_img" class="img " src="images/下拉菜单/u2357.png"/>
              <div id="u2358_text" class="text ">
                <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">冰糖葫芦 </span><span style="font-family:'Ionicons';"></span></p>
              </div>
            </div>

            <!-- Unnamed (Menu Item) -->
            <div id="u2359" class="ax_default menu_item">
              <img id="u2359_img" class="img " src="images/下拉菜单/u2359.png"/>
              <div id="u2359_text" class="text ">
                <p><span>北京烤鸭</span></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (Menu) -->
          <div id="u2360" class="ax_default sub_menu">
            <img id="u2360_menu" class="img " src="images/下拉菜单/u2360_menu.png" alt="u2360_menu"/>

            <!-- Unnamed (Table) -->
            <div id="u2361" class="ax_default">

              <!-- Unnamed (Menu Item) -->
              <div id="u2362" class="ax_default menu_item">
                <img id="u2362_img" class="img " src="images/下拉菜单/u2357.png"/>
                <div id="u2362_text" class="text ">
                  <p><span>山楂</span></p>
                </div>
              </div>

              <!-- Unnamed (Menu Item) -->
              <div id="u2363" class="ax_default menu_item">
                <img id="u2363_img" class="img " src="images/下拉菜单/u2357.png"/>
                <div id="u2363_text" class="text ">
                  <p><span>草莓</span></p>
                </div>
              </div>

              <!-- Unnamed (Menu Item) -->
              <div id="u2364" class="ax_default menu_item">
                <img id="u2364_img" class="img " src="images/下拉菜单/u2359.png"/>
                <div id="u2364_text" class="text ">
                  <p><span>香蕉</span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2365" class="ax_default label">
        <div id="u2365_div" class=""></div>
        <div id="u2365_text" class="text ">
          <p><span>基于事件的触发效果，结构比较复杂，交互还有瑕疵，修改起来很麻烦，不建议在选项较多时采用。</span></p>
        </div>
      </div>

      <!-- dropdown-list-4 (Dynamic Panel) -->
      <div id="u2366" class="ax_default" data-label="dropdown-list-4">
        <div id="u2366_state0" class="panel_state" data-label="off" style="">
          <div id="u2366_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u2367" class="ax_default box_1">
              <img id="u2367_img" class="img " src="images/下拉菜单/u2300.png"/>
              <div id="u2367_text" class="text ">
                <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单 </span><span style="font-family:'Ionicons';"></span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u2366_state1" class="panel_state" data-label="on" style="visibility: hidden;">
          <div id="u2366_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u2368" class="ax_default box_1">
              <img id="u2368_img" class="img " src="images/下拉菜单/u2300.png"/>
              <div id="u2368_text" class="text ">
                <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单 </span><span style="font-family:'Ionicons';"></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2369" class="ax_default box_1">
              <div id="u2369_div" class=""></div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2370" class="ax_default box_1" selectiongroup="dropdown-list-1">
              <div id="u2370_div" class=""></div>
              <div id="u2370_text" class="text ">
                <p><span>炸酱面</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2371" class="ax_default box_1 disabled" selectiongroup="dropdown-list-1">
              <div id="u2371_div" class="disabled"></div>
              <div id="u2371_text" class="text ">
                <p><span>豆汁儿</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2372" class="ax_default box_1" selectiongroup="dropdown-list-1">
              <div id="u2372_div" class=""></div>
              <div id="u2372_text" class="text ">
                <p><span>北京烤鸭</span></p>
              </div>
            </div>

            <!-- divider (Group) -->
            <div id="u2373" class="ax_default" data-label="divider" data-left="0" data-top="180" data-width="124" data-height="12">

              <!-- Unnamed (Rectangle) -->
              <div id="u2374" class="ax_default box_1">
                <div id="u2374_div" class=""></div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u2375" class="ax_default box_1">
                <img id="u2375_img" class="img " src="images/下拉菜单/u2310.png"/>
              </div>
            </div>

            <!-- dropdown-l2-1 (Dynamic Panel) -->
            <div id="u2376" class="ax_default" data-label="dropdown-l2-1">
              <div id="u2376_state0" class="panel_state" data-label="off" style="">
                <div id="u2376_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2377" class="ax_default box_1" selectiongroup="dropdown-list-1">
                    <div id="u2377_div" class=""></div>
                    <div id="u2377_text" class="text ">
                      <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">驴打滚 </span><span style="font-family:'Ionicons';"></span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u2376_state1" class="panel_state" data-label="on" style="visibility: hidden;">
                <div id="u2376_state1_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2378" class="ax_default box_1" selectiongroup="dropdown-list-1">
                    <div id="u2378_div" class=""></div>
                    <div id="u2378_text" class="text ">
                      <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">驴打滚 </span><span style="font-family:'Ionicons';"></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2379" class="ax_default box_1">
                    <div id="u2379_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2380" class="ax_default box_1" selectiongroup="dropdown-list-1">
                    <div id="u2380_div" class=""></div>
                    <div id="u2380_text" class="text ">
                      <p><span>驴打滚1</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2381" class="ax_default box_1" selectiongroup="dropdown-list-1">
                    <div id="u2381_div" class=""></div>
                    <div id="u2381_text" class="text ">
                      <p><span>驴打滚2</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- dropdown-l2-2 (Dynamic Panel) -->
            <div id="u2382" class="ax_default" data-label="dropdown-l2-2">
              <div id="u2382_state0" class="panel_state" data-label="off" style="">
                <div id="u2382_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2383" class="ax_default box_1" selectiongroup="dropdown-list-1">
                    <div id="u2383_div" class=""></div>
                    <div id="u2383_text" class="text ">
                      <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">冰糖葫芦 </span><span style="font-family:'Ionicons';"></span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u2382_state1" class="panel_state" data-label="on" style="visibility: hidden;">
                <div id="u2382_state1_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2384" class="ax_default box_1" selectiongroup="dropdown-list-1">
                    <div id="u2384_div" class=""></div>
                    <div id="u2384_text" class="text ">
                      <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">冰糖葫芦 </span><span style="font-family:'Ionicons';"></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2385" class="ax_default box_1">
                    <div id="u2385_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2386" class="ax_default box_1" selectiongroup="dropdown-list-1">
                    <div id="u2386_div" class=""></div>
                    <div id="u2386_text" class="text ">
                      <p><span>山楂</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2387" class="ax_default box_1" selectiongroup="dropdown-list-1">
                    <div id="u2387_div" class=""></div>
                    <div id="u2387_text" class="text ">
                      <p><span>草莓</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2388" class="ax_default box_1" selectiongroup="dropdown-list-1">
                    <div id="u2388_div" class=""></div>
                    <div id="u2388_text" class="text ">
                      <p><span>香蕉</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
